<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<title>分享战绩</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no, maximum-scale=1.0" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta name="msapplication-tap-highlinght" content="no" />
</head>
<style type="text/css">
	html, body, div, span, applet, object, iframe,	h1, h2, h3, h4, h5, h6, p, blockquote, pre,	a, abbr, acronym, address, big, cite, code,	del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
		margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;font-family: arial,微软雅黑;vertical-align: baseline;list-style: none;-webkit-tap-highlight-color:rgba(0,0,0,0);
	}
	input, select, textarea {
		font-size: 100%; outline: none; border: none; background: none;
	}
	html{background:url(/static/images/hallbg.jpg) no-repeat center bottom,url(/static/images/bg.jpg);background-size:100%; height: 100%;}
	.top{background:url(/static/images/shareScore_bg.png) no-repeat center;background-size:100%;margin:2.5vw auto;width: 93.7vw; height:117.9vw}
	.main{margin:0 auto;padding:5.5vw 0 0 29.6vw;}
	.mentDis{width:34.6vw; height: 10.1vw; }
	.mentDis ul li{float: left;}
	.mentDis ul li img{width:10.1vw; }
	.zhuan{padding-right: 14.4vw;}
	.day{color: #FFF;width:40vw;margin-left:-2.5vw;text-align:center;font-size:4vw; }
	.record{padding:2.8vw 0 0.08vw 12.1vw; height: 90.24vw;}
	.record ul{height: 11.28vw;}
	.record ul li{float: left; height: 11.28vw;}
	.portr img{width: 10.5vw; height:10.5vw; border-radius: 50%;}
	.pornane{color: #FFF;font-size: 4vw;line-height: 11.8vw; width: 28vw;overflow: hidden;padding-left: 6.8vw;}
	.number{width: 14vw;padding-left:8vw;line-height: 11.8vw;font-size: 5vw;font-weight: bold;text-align: right;}
	.number .zheng{color:#2CFE07;}
	.number .fushu{color:#FF2F10;}
	.foot{padding-top:6vw;}
	.Gamebtn{margin-left:33vw;background: url(/static/images/game.png) no-repeat; width:31.3vw; height: 11.9vw; background-size: 100%;}
	.rq{width:54.9vw;margin-left: 24.2vw;margin-top: 5.4vw; }
	/* iphone4 */
	@media screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2){
		.foot{padding-top:4vw;}
		.rq{width:54.9vw;margin-left: 24.2vw;margin-top: 2vw; }
	}
</style>
<body>
	<div class="top">
		<div class="main">
			<div class="mentDis">
				<ul>
					<li class="zhuan">
						<img src="/static/images/type{$type}_icon.png">
						<!-- <img src="/static/images/zhuang_icon.png"> -->
					</li>
					<li class="money">
						<img src="/static/images/{$round}_icon.png">
						<!-- <img src="/static/images/32_icon.png">
						<img src="/static/images/64_icon.png"> -->
					</li>
				</ul>
			</div>
			<div class="day">
				<span>{$time}</span>
			</div>
		</div>
		<div class="record">
				{volist name="users" id="vo"}
			<ul>
				<li class="portr">
					<img src="{$vo.headerurl}">
				</li>
				<li class="pornane">
					<span>{$vo.name}</span>
				</li>
				<li class="number">
					<span {if $vo['scores']>0}class="zheng" {else}class="fushu"{/if}>{$vo['scores']}</span>
				</li>
			</ul>
				{/volist}
		</div>
		<div class="foot">
			<input class="Gamebtn" type="button" onclick="location.href='http://ms.redli366.com'">
			<img class="rq" src="/static/images/rqCode.png" >
		</div>
	</div>
</body>
</html>